//1. 导入这两个包 名字不能改
import React from "react"; //创建组件 虚拟DOM 生命周期
import ReactDOM from "react-dom"; //把创建好的组件 虚拟DOM 放到页面上

//第一种创建组件方法 构造函数return
function Hello(props){
    return <div>
                这是Hello组件
                -----{props.name}
                -----{props.age}
                -----{props.sex}
            </div>
}

const dog ={
    name:'大黄',
    age:3,
    sex:'公'
}

//组件传值
ReactDOM.render(
    <div>123{
        // <Hello name={dog.name} age={dog.age} sex={dog.sex}></Hello>
        //展开运算符 ... 把dog属性放到这里
        <Hello {...dog}></Hello>
    }</div>,
    document.getElementById('app')
)